<template>
  <div class="app">
    <div class="bz-header">
      <van-nav-bar title="标题" left-text="返回" left-arrow>
        <template #right>
          <van-icon name="search" size="18" />
        </template>
      </van-nav-bar>
    </div>
    <div class="bz-main">
      <router-view></router-view>
    </div>
    <div class="bz-footer">
      <router-view name="bz-footer"></router-view>
    </div>
  </div>
</template>

<style lang="scss">
html,
body,
.app{
  height: 100%;
}
.app{
  display: flex;
  flex-direction: column;
  .bz-main{
    flex: 1;
    overflow-x: hidden;
  }
  .bz-header, .bz-footer{
    height: 50px;
  }
}
</style>
